@use "../../../style/page.scss" as *;

.form {
  .ant-form-item {
    margin-block-end: 0;
    padding-block-end: 20rem;
  }

  .ant-form-item-label label {
    font-size: 22rem;
    color: $dawn;
    ;
  }

  .ant-input {
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    padding-inline: 15rem;
    color: $dawn;
    font-size: 18rem;

    &::placeholder {
      color: rgba(255, 255, 255, 0.65);
    }
  }

  .ant-input-affix-wrapper {
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    color: $dawn;
    .ant-input {
      background: none;
    }

    .ant-input-data-count {
      bottom: 2rem;
      right: 10rem;
      color: rgba(255, 255, 255, 0.65);
    }
  }

  &_area {
    .ant-input {
      height: 420rem !important;
      color: $dawn;
    }
  }
}

.box {
  &_menu {
    .ant-menu-item {
      background-color: none;
      color: $dawn;
      text-align: center;
      &:hover {
          color: rgba(255, 255, 255, 0.65) !important;
          background: rgba($color: $dawn, $alpha: 0.1) !important;
      }
      &.ant-menu-item-selected {
          color: rgba(255, 255, 255, 0.85) !important;
          background: rgba($color: $dawn, $alpha: 0.06) !important;
      }
  }
  }
}